<template>
  <div class="main-content">
    <div class="container-fluid ">
      <div class="panel wrapper">
        <div class="panel-body no-padding">
          <nav>
            <div class="pull-left">
            </div>
          </nav>
          <header>
            <div class="container">
              <h2 class="lone-header">相关开源技术依赖</h2>
            </div>
          </header>
          <section>
            <ul>
              <li>(MIT License) https://github.com/vuejs/vue</li>
              <li>(MIT License) https://github.com/vuejs/vue-router</li>
              <li>(Apache-2.0 License) https://github.com/square/okhttp</li>
              <li>(Apache-2.0 License) https://github.com/apache/echarts</li>
            </ul>
          </section>
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped>
.wrapper {
  margin: 20px 40px;
  border-radius: 4px;
  box-shadow: 0 0 2px 2px rgb(155 155 155 / 10%);
  border: 1px solid #d3d3d3;
}
nav, nav #menu {
  height: 60px !important;
  background: #fff;
  padding: 0;
  min-height: 60px;
  border-radius: 5px 5px 0 0;
}
.lone-header {
  padding-left: 30px;
}
header {
  background: #26abe2;
  color: #fff;
  width: 100%;
  overflow: hidden;
  display: block;
  font-weight: 300;
  font-size: 18px;
}
section {
  padding: 20px;
}
</style>
